<%-- 
    Document   : crearProyecto
    Created on : Apr 6, 2012, 1:43:15 PM
    Author     : Eol
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Crear Proyecto</title>
<link href="Estilos/css/bootstrap.css" rel="stylesheet">

<style type="text/css" media="screen">
  #fondo {
            height: 400px;  
            margin: auto;
            background: -webkit-gradient(linear, 0 0, 0 100%, from(#f18b01),  to(#ffffff));
        }
</style>
</head>

<body>
    <div id="fondo" class="container" style="width: auto;">
        <div class="row" style="position:absolute;top:15px;left:200px">
            <div class="span2">
        	<div class="row">
                    <img src="http://placehold.it/189x93" alt="">
    		</div>
            </div>
            <div class="span5">
    		<div class="page-header">
                   <h1>Bienvenido : Nombre</h1>
            	    <h1>Nombre del proyecto</h1>
                    <h3>Bienvenido : Nombre</h3>
                    <h4>Gerente</h4>
		</div>  
            </div>
            <div class="span3">
    		<div class="page-header">
                    <div class="btn-group">
                        <a class="btn btn-warning">Cambiar contraseña</a>
  			<a href="index.jsp" class="btn btn-info" type="submit">Salir»</a>
                    </div>
		</div>  
            </div>
        </div>
        <div class="row" style="position:absolute;top:160px;left:160px">
            <div class="span4">
        	<div class="hero-unit">
                    <h3>Crea un proyecto</h3>
                    <br/>
                    <form href="principal.jsp" method="post">
                        Nombre del proyecto:
                        <input name="nombre_proyecto" type="text" data-provide="typeahead">
                        <br/>
                        Descripcion:
                        <textarea name="descripcion" data-provide="typeahead"></textarea>
                        <br/>
                        <p>
                        <a href="#" class="btn btn-warning " type="submit"> Crear y Continuar» </a>
                        </p>
                        <br/>
                    </form>
              	</div>
            </div>
            <div class="span4">
                <div class="hero-unit">
                    <h4>Envia invitaciones a tus colaboradores:</h4>
                    <br/>
	            <form href="principal.jsp" method="post">
			<div class="controls">
                            <div class="input-append">
				<input class="span2" name="correos" size="16" type="text" data-provide="typeahead"><a href="#" class="btn" name="agregar" type="sumit">Agregar!</a>
                            </div>
			</div>
                    <br/>
                    <select multiple="multiple" id="multiSelect">
                	<option>1</option>
                	<option>2</option>
                	<option>3</option>
                	<option>4</option>
                	<option>5</option>
                    </select>
                    <br/>
                    <p>
                    <a href="#" class="btn btn-warning" name="enviar" type="sumit">Enviar</a>
                    <a href="#" class="btn btn-info" name="omitir" type="sumit">Omitir»</a>
                    </p>
                    </form>
              	</div>  
            </div>
            <div class="span2">
		<div class="row" style="position:absolute;top:20px;left:860px">
                    <img src="http://placehold.it/210x280" alt="">
                </div>
                <div class="button" style="position:absolute;top:320px;left:890px">
                    <a href="gerente_GestionProyecto.jsp" class="btn btn-large btn-warning" name="enviar" type="sumit">Finalizar</a>
                </div>
            </div>
        </div>
    </div>
		
    <script src="Estilos/js/jquery.js"></script>
    <script src="Estilos/js/bootstrap-button.js"></script>
    
</body>
</html>
